
<div class="w-full space-y-6">
  <div class="w-full space-y-1">
    <textarea rows="8" placeholder="Textarea Error" class="peer block w-full resize-none outline-none focus:outline-none text-stone-800 dark:text-white placeholder:text-stone-600/60 bg-transparent ring-transparent border border-stone-200 transition-all duration-300 ease-in disabled:opacity-50 disabled:pointer-events-none hover:border-error hover:ring-error/10 focus:border-error focus:ring-error/10 text-sm shadow-sm p-2.5 rounded-md ring"></textarea>
    <small class="font-sans antialiased text-sm text-red-500">Something went wrong!</small>
  </div>
  <div class="w-full space-y-1">
    <textarea rows="8" placeholder="Textarea Success" class="peer block w-full resize-none outline-none focus:outline-none text-stone-800 dark:text-white placeholder:text-stone-600/60 bg-transparent ring-transparent border border-stone-200 transition-all duration-300 ease-in disabled:opacity-50 disabled:pointer-events-none hover:border-success hover:ring-success/10 focus:border-success focus:ring-success/10 text-sm shadow-sm p-2.5 rounded-md ring"></textarea>
    <small class="font-sans antialiased text-sm text-green-500">Congratulations 🎉</small>
  </div>
</div>
